/* CSS Document */
/* ================================ */
/* 初始化HTML标签及常用类型				*/
/* Author:			Yueying		*/
/* Copyright:		www.shopnc.net	*/
/* Create Date:		7-7-2014		*/
/* ================================ */

*{ word-wrap: break-word; outline:none; }
html, body { height:100%; margin:0; -webkit-text-size-adjust:none; }
body { background: #555; font-family: "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial,  sans-serif;}
h2, h5, h6 { margin: 0;}
input { outline:none}
.fr {float: right;}
.fl {float: left;}

/*login*/

.header{ height:45px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.4); width:100%;   }
.header-inner{height: 43px;left: 50%;margin-left: -480px;position: fixed;top: 0;}
.logo {background: url(/images/gmloginlogo.png) no-repeat;bottom: 4px;height: 32px;position: absolute;width:424px;}

.login-layout { width: 960px; position: absolute; z-index: 3; top:25%; right: 50%; margin-right: -480px;}
.login-layout .top { color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); width: 100%px; height: 60px; margin: 0 auto; position: relative; z-index: 1;}
.login-layout .top h5 { font-size: 13px; font-weight: 600; line-height: 20px; display: block; height: 20px; position: absolute ; z-index: 1; top: 0; left: 0;}
.login-layout .top h5 em { font-family:Tahoma; font-size: 10px; font-style: normal; margin-left: 4px;}
.login-layout .top h2 { font-size: 32px; font-weight: 600; line-height: 36px; display: block; height: 36px; position: absolute ; z-index: 1; top: 20px; left: 0;}
.login-layout .box { height: 40px; margin: 30px 0 0 0;}
.login-layout .box span { display: block;/* float: left; */padding: 0; margin-bottom: 10px; position: relative; z-index: 1;}
.login-layout .box span a{ color:#FFF; font-size:12px; text-decoration:none;}
.login-layout .box span a:hover{text-decoration:underline;}
.login-layout .box span label { font-size: 14px; font-weight: 600; line-height: 20px; color: #555555; display: block; height: 20px; padding-right: 10px; border-right: dotted 1px #999; position: absolute; z-index: 9; top: 10px; left: 10px;}

.input-text, .input-password, .input-code { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: 600; color: #555555; line-height: 28px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF'); background:rgba(255,255,255,0.8); height: 28px; padding: 6px; border: 0; position: relative; z-index: 1; box-shadow: inset 1px 1px 0 rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.5)/*webkit*/;}
.input-text:focus, .input-password:focus, .input-code:focus { color: #000; background-color: #FFF; box-shadow: 1px 1px 0 0 rgba(0,0,0,0.25);/*IE8*/  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /*IE5.5-7*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}
.input-text, .input-password { width: 164px; padding-left: 56px;}
.input-code { width: 68px;}

.login-area {min-height:320px;position: relative;width: 225px;}
.login-topics {font-family: "微软雅黑","黑体",sans-serif;position: relative;top: 18px;}
.login-topics h2 {font-size: 30px;margin-bottom: 20px; color: #FFF; text-shadow: 1px 1px 2px #000; font-weight:normal;}
.login-topics p {font-size: 18px;color: #FFF; text-shadow: 1px 1px 2px #000; font-weight:normal;}

.bottom {  font-family: Verdana, Tahoma; line-height: 16px; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); text-align: center; width: 600px; margin-left: -300px; position: fixed; bottom: 60px; left: 50%;}
.bottom a { color: #FFFFFF; text-decoration: none;}
.bottom a:hover { color: #FF0; text-decoration: blink;}
.bottom h5 {font-size: 12px; text-shadow: 1px 1px 2px #000;}
.bottom h6 { font-size: 10px; text-shadow: 1px 1px 2px #000;}

.code { background-color: #FFFFFF; width: 114px; height: 39px;position: absolute; z-index: 9; top: 0; right:0; display: none; box-shadow: 0 2px 2px 2px rgba(0,0,0,0.25);}
.code .arrow { background:url(../images/login/login_code.gif) no-repeat 0 0; display: block; width: 14px; height: 7px; position: absolute; left: 21px; bottom: -7px;}
.code img { width: 90px; height: 30px; position: absolute; z-index: 1; top: 4px; left: 4px;}
.code .close { display: block; width: 10px; height: 10px; padding: 1px; position: absolute; z-index: 1; top: 4px; right: 4px;}
.code .close:hover, .login-layout .box span .code .change:hover { background-color: #CCC; border-radius: 5px; -webkit-border-radius: 5px/*webkit*/;}
.code .close i { background: url(../images/login/login_code.gif) no-repeat 0 -7px; display: block; width: 10px; height: 10px; opacity: 0.5;}
.code .change { display: block; width: 10px; height: 10px; padding: 1px; position: absolute; z-index: 1; bottom: 4px; right: 4px;}
.code .change i { background: url(../images/login/login_code.gif) no-repeat -10px -7px; display: block; width: 10px; height: 10px; opacity: 0.5;}
.code .close:hover i , .login-layout .box span .code .change:hover i { opacity: 1;}

.input-button { font-family: "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial,  sans-serif; font-size: 15px; font-weight: 600; color: #FFF; width:225px; height: 40px; border: 0; cursor: pointer;background-color: #0289ff;}
.input-button:hover { background-color: #269aff;}


.error{
    color: #a94442;
    border: 1px solid #ebccd1;
    background-color: #f2dede;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 5px 15px;
    font-size:12px;
    list-style:none;
    *margin-left: 0;
}

.shadow {text-shadow: 1px 1px 2px #000;}